<!--
 * @Author: sueRimn
 * @Date: 2021-01-25 11:34:07
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-12-13 17:50:18
 * @Descripttion: 
-->
<template>
  <div
    class="write-info-container"
    v-if="
      (this.$route.params.taskKey !== 'fawkes_custom_flow_start' &&
        this.$route.params.type !== 'add' &&
        this.$route.params.taskKey !== 'FAWKES_START_EVENT') ||
        visible
    "
  >
    <fks-form-item :span="12" label="填写人" lead>
      <fks-input readonly v-model="form.userFullname"></fks-input>
    </fks-form-item>
    <fks-form-item :span="12" label="填写部门">
      <fks-input readonly v-model="form.prjDepName"></fks-input>
    </fks-form-item>
    <fks-form-item :span="12" label="填写时间" lead>
      <fks-input
        readonly
        :value="
          form.createDate ? $dayjs(form.createDate).format('YYYY-MM-DD') : ''
        "
      ></fks-input>
    </fks-form-item>
    <fks-form-item :span="12" label="联系方式">
      <fks-input readonly v-model="form.userTelephoneNum"></fks-input>
    </fks-form-item>
  </div>
</template>
<script>
export default {
  name: 'writeInfo',
  props: {
    visible: {
      type: Boolean,
      default: false
    },
    form: {
      type: Object,
      default: () => {
        return {
          userFullname: '',
          prjDepName: '',
          createDate: '',
          userTelephoneNum: ''
        }
      }
    }
  },
  data() {
    return {}
  }
}
</script>
<style lang="scss" scoped>
//@import url(); 引入公共css类
</style>
